<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>
        二当家的Lay1.0
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/houtaistatic/css/x-admin.css" media="all">
</head>
<style type="text/css">
    /*设置 a 标签的css样式*/

    .page-normal a {
        border: 1px solid #ff6500;
        padding: 5px 7px;
        color: #ff6500;
        margin-left: 20px;
        /*设置标签 a 之间的间隔*/
        text-decoration: none;
        /*去除页码数字下面的下划线*/
    }

    /*设置鼠标经过时 a 标签的css样式*/

    .page-normal a:hover {
        background-color: #ffbe94;
    }

    /*设置整个div的css样式,该样式主要用于设置网页内的省略号 …… 的样式，并且同时设置内容居中显示*/

    .page-normal {
        color: #ff6500;
        text-align: center;
    }

    /*设置当前页面的css样式*/

    .page-normal .page-current {
        color: #ffffff;
        background-color: #ff6500;
    }

    /*设置左单括号 < 的css样式*/

    .page-normal .page-prev {
        color: #ffe3c6;
    }

    /*进行代码优化，将不同css样式中共有的属性放在一起，有助于提高运行效率*/

    .page-normal a,
    .page-normal a:hover,
    .page-normal .page-prev,
    .page-normal .page-current {
        border: 1px solid #ff6500;
        padding: 5px 7px;
    }
</style>
<body>
<div class="x-nav">
            <span class="layui-breadcrumb">
              <a><cite>首页</cite></a>
              <a><cite>订单管理</cite></a>
            </span>
    <button id="todayOrderbutton">今日订单</button>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
       href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon"
                                                                        style="line-height:30px">ဂ</i></a>
</div>

<table class="layui-table" id="todayOrder" style="display: none">
    <thead>
    <tr>
        <th>
            <input type="checkbox" name="" value="">
        </th>
        <th>
            ID
        </th>
        <th>
            用户编号
        </th>
        <th>
            用户名
        </th>
        <th>
            行程编号
        </th>
        <th>
            订单描述
        </th>
        <th>
            订单日期
        </th>
        <th>
            订单价格(单位:元)
        </th>
        <th>
            订单状态
        </th>
        <th>
            备注
        </th>
        <!--                        <th>-->
        <!--                            操作-->
        <!--                        </th>-->
    </tr>
    </thead>


    <tbody>
    <tr th:each="list:${orderTodayList}"> <!-- 遍历整个div-p，不推荐-->
        <td>
            <input type="checkbox" value="1" name="">
        </td>
        <td><a  th:text="${list.id}" th:href="'/order/goShowOrder?id='+${list.id}" /></td>
        <td th:text="${list.uid}"></td>
        <td th:text="${list.userName}"></td>
        <td th:text="${list.sid}"></td>
        <td th:text="${list.info}"></td>
        <td th:text="${#dates.format(list.o_date,'yyyy-MM-dd HH:ss')}"></td>
        <td th:text="${list.price}"></td>
        <td th:text="${list.status}"></td>
        <td th:text="${list.remark}"></td>
    </tr>
    <tr>
        <button id="closeOrder">关闭</button>
    </tr>
    </tbody>
</table>

<div class="x-body">
    <form class="layui-form x-center" action="" style="width:800px;">
        <div class="layui-form-pane" style="margin-top: 15px;">
            <div class="layui-form-item"style="margin-left: 60px">
                <label class="layui-form-label">订单日期</label>
                <div class="layui-input-inline">
                    <input class="layui-input" placeholder="开始日" type="date" id="LAY_demorange_s" name="startTime">
                </div>
                <label class="layui-form-label" style="width:60px">行程编号</label>
                <div class="layui-input-inline">
                    <select name="tablename" style="display: inline-block;width: 190px; height: 38px">
                       <option value="">请选择表</option>
                        <option name="sid" th:each="list:${routeJbs }" th:value="${list.title}" th:text="${list.title}"></option>
<!--                        <option value="question">2</option>-->
<!--                        <option value="question">3</option>-->
                    </select>
                </div>
                <!--  搜索键 -->
                <div class="layui-input-inline" style="width:80px">
                    <button class="layui-btn" lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i>
                    </button>
                </div>
            </div>
        </div>
    </form>
    <span class="x-right" style="line-height:40px ">共计数据<i th:text="${orderCount}"></i>条记录</span>
    <!--            <xblock><button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon">&#xe640;</i>批量删除</button><button class="layui-btn" onclick="order_add('添加用户','/order/goOrderAdd','600','500')"><i class="layui-icon">&#xe608;</i>添加</button></xblock>-->
    <table class="layui-table">
        <thead>
        <tr>
            <th>
                <input type="checkbox" name="" value="">
            </th>
            <th>
                ID
            </th>
            <th>
                用户编号
            </th>
            <th>
                用户名
            </th>
            <th>
                商家编号
            </th>
            <th>
                订单描述
            </th>
            <th>
                订单日期
            </th>
            <th>
                订单价格
            </th>
            <th>
                订单状态
            </th>
            <th>
                备注
            </th>
            <!--                        <th>-->
            <!--                            操作-->
            <!--                        </th>-->
        </tr>
        </thead>


        <tbody>
        <tr th:each="list:${orderList}"> <!-- 遍历整个div-p，不推荐-->
            <td>
                <input type="checkbox" value="1" name="">
            </td>
            <td><a  th:text="${list.id}" th:href="'/order/goShowOrder?id='+${list.id}" /></td>
            <td th:text="${list.uid}"></td>
            <td th:text="${list.userName}"></td>
            <td th:text="${list.sid}"></td>
            <td th:text="${list.info}"></td>
            <td th:text="${list.o_date}"></td>
            <td th:text="${list.price}"></td>
            <td th:text="${list.status}"></td>
            <td th:text="${list.remark}"></td>
        </tr>

        </tbody>
    </table>


    <div class="page-normal"style="margin-top: 45px">
        <a>&lt;</a>
        <!-- 数字1 代表当前页面-->
        <a class="page-current" th:href="'/order/findOrder?pageIndex=0'">首页</a>
        <a href="/order/findOrder?pageIndex=1">2</a>
        <a href="/order/findOrder?pageIndex=2">3</a>
        <a href="/order/findOrder?pageIndex=3">4</a>
        <a href="/order/findOrder?pageIndex=4">5</a>
        <a th:href="'/order/findOrder?pageIndex=' + ${totalPageCount+1}">尾页</a>
        <a>&gt;</a>
    </div>
    <span th:text="'当前第'+${currentPageNo+1}+'页'" style="font-weight: bold;color: red"></span></br>
    <span th:text="'一共'+${totalPageCount}+'页'" style="font-weight: bold;color: red"></span></br>

</div>
</div>
<script src="/houtaistatic/lib/layui/layui.js" charset="utf-8"></script>
<script src="/houtaistatic/js/x-layui.js" charset="utf-8"></script>

<script>
    layui.use(['laydate', 'element', 'laypage', 'layer'], function () {
        $ = layui.jquery;//jquery
        laydate = layui.laydate;//日期插件
        lement = layui.element();//面包导航
        laypage = layui.laypage;//分页
        layer = layui.layer;//弹出层

        //以上模块根据需要引入

        laypage({
            cont: 'page'
            , pages: 100
            , first: 1
            , last: 100
            , prev: '<em><</em>'
            , next: '<em>></em>'
        });

        var start = {
            min: laydate.now()
            , max: '2099-06-16 23:59:59'
            , istoday: false
            , choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };

        var end = {
            min: laydate.now()
            , max: '2099-06-16 23:59:59'
            , istoday: false
            , choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };

        document.getElementById('LAY_demorange_s').onclick = function () {
            start.elem = this;
            laydate(start);
        }
        document.getElementById('LAY_demorange_e').onclick = function () {
            end.elem = this
            laydate(end);
        }

    });


    //批量删除提交
    function delAll() {
        layer.confirm('确认要删除吗？', function (index) {
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
        });
    }

    /*用户-添加*/
    function member_add(title, url, w, h) {
        x_admin_show(title, url, w, h);
    }

    /*用户-查看*/
    function member_show(title, url, id, w, h) {
        x_admin_show(title, url, w, h);
    }

    /*用户-停用*/
    function member_stop(obj, id) {
        layer.confirm('确认要停用吗？', function (index) {
            //发异步把用户状态进行更改
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_start(this,id)" href="javascript:;" title="启用"><i class="layui-icon">&#xe62f;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-disabled layui-btn-mini">已停用</span>');
            $(obj).remove();
            layer.msg('已停用!', {icon: 5, time: 1000});
        });
    }

    /*用户-启用*/
    function member_start(obj, id) {
        layer.confirm('确认要启用吗？', function (index) {
            //发异步把用户状态进行更改
            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="layui-icon">&#xe601;</i></a>');
            $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-normal layui-btn-mini">已启用</span>');
            $(obj).remove();
            layer.msg('已启用!', {icon: 6, time: 1000});
        });
    }

    // 用户-编辑
    function member_edit(title, url, id, w, h) {
        x_admin_show(title, url, w, h);
    }

    /*密码-修改*/
    function member_password(title, url, id, w, h) {
        x_admin_show(title, url, w, h);
    }

    /*用户-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            //发异步删除数据
            $(obj).parents("tr").remove();
            layer.msg('已删除!', {icon: 1, time: 1000});
        });
    }
</script>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>

<script src="/houtaistatic/js/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    //查看今日订单
    $(function () {
        $("#todayOrderbutton").click(function () {
            $("#todayOrder").show();
        });
        $("#closeOrder").click(function () {
            $("#todayOrder").hide();
        });
    });
</script>
</body>
</html>